<div class="page-group">
    <div id="bar-multi" class="page page-current">
        <nav class="bar bar-nav bar-standard">
            <a class="button button-link button-nav pull-left back">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title">多级标题栏和工具栏</h1>
        </nav>

        <!-- Block button in standard bar fixed below top bar -->
        <div class="bar bar-header-secondary">
            <button class="button button-block">Block level button</button>
        </div>

        <!-- Block button in standard bar fixed above the footer -->
        <div class="bar bar-footer-secondary">
            <button class="button button-block">Block level button</button>
        </div>

        <!-- Icons in standard bar fixed to the bottom of the screen -->
        <div class="bar bar-footer">
            <a class="icon icon-edit pull-left"></a>
            <a class="icon icon-settings pull-right"></a>
        </div>

        <div class="content native-scroll">
            <div class="content-padded">
                <p>你可以定义一个固定位置的二级标题栏或者工具栏。滚动页面试试！</p>
                <p>你可以定义一个固定位置的二级标题栏或者工具栏。滚动页面试试！</p>
                <p>你可以定义一个固定位置的二级标题栏或者工具栏。滚动页面试试！</p>
                <p>你可以定义一个固定位置的二级标题栏或者工具栏。滚动页面试试！</p>
                <p>你可以定义一个固定位置的二级标题栏或者工具栏。滚动页面试试！</p>
                <p>你可以定义一个固定位置的二级标题栏或者工具栏。滚动页面试试！</p>
                <p>你可以定义一个固定位置的二级标题栏或者工具栏。滚动页面试试！</p>
            </div>
        </div>
    </div>

</div>